@import '@/style/app.scss';

.plugin-order{
  padding-top: 90px;

  .bar{
    width: 100%;
    height: 90px;
    position: absolute;
    z-index: $index - 1;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px $color-back solid;
  }

  .right{
    padding: 30px 30px 30px 200px;

    .flex{
      display: flex;
      justify-content:space-between;
    }
  }

  .left{
    width: 170px;
    border-right: 1px $color-back solid;
    position: absolute;

    .el-menu{
      border: 0
    }
  }

  .el-avatar{
    background: #fff;
    cursor: pointer;
  }

  .goods-image{
    float: left; 
    margin-right: 10px;
  }

  .goods-name{
    height: 45px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: bold;
    color: $color-content;

    .item{
      width: 100%;
    }

    .code{
      color: $color-icon;
      font-weight: normal;
    }
  }

  .page{
    padding: 20px;
    .el-pagination{
      justify-content: center;
    }
  }

  .color{
    color: $color;
  }
  .color-warning{
    color: $color-warning;
  }
}